﻿<!DOCTYPE HTML>
<html lang=zh-cn>
	<head>
		<meta charset=utf-8>
		<title>北极星</title>
		<style>
			
		</style>
		<script type="text/javascript" src="./js/jquery-1.6.1.min.js"></script>
		<script type="text/javascript" src="./js/functions.js"></script>
	</head>

	<body>
		<div id="page_1" style="width:600px;height:700px;display: block; position: absolute; top: 84px; left: 374.5px;z-index:8;text-align:center;color:#fff;">
			封皮
			<div style="position: absolute; top: 0; left: 0; overflow: hidden; z-index:auto; display: block; width: 922px; height: 922px; -webkit-transform-origin: 0% 100%; -webkit-transform: translate(275px, 53px) rotate(-45deg);">
				<div id="currentPage" style="position: absolute; top: auto; left: 0pt; overflow: visible; z-index:auto; width: 600px; height: 700px; right: auto; bottom: 0pt; -webkit-transform-origin: 0% 100%; -webkit-transform: rotate(45deg) translate(-275px, -275px);background:black;">
				《三字经》全文：人之初，性本善。性相近，习相远。苟不教，性乃迁。教之道，贵以专。昔孟母，择邻处。子不学，断机杼。窦燕山，有义方。教五子，名俱扬。养不教，父之过。教不严，师之惰。子不学，非所宜。幼不学，老何为。玉不琢，不成器。人不学，不知义。为人子，方少时。亲师友，习礼仪。香九龄，能温席。孝于亲，所当执。融四岁，能让梨。弟于长，宜先知。首孝弟，次见闻。知某数，识某文。一而十，十而百。百而千，千而万。三才者，天地人。三光者，日月星。三纲者，君臣义。父子亲，夫妇顺。 曰春夏，曰秋冬
				</div>
			</div>
		</div>

		<div style="width:600px;height:700px;background:red;display: block; position: absolute; top: 84px; left: 374.5px;z-index:7;text-align:right;">
			。此四时，运不穷。曰南北，曰西东。此四方，应乎中。曰水火，木金土。此五行，本乎数。十干者，甲至癸。十二支，子至亥。曰黄道，日所躔。曰赤道，当中权。赤道下，温暖极。我中华，在东北。寒燠均，霜露改。右高原，左大海。曰江河，曰淮济。此四渎，水之纪。曰岱华，嵩恒衡。此五岳，山之名。古九州，今改制。称行省，三十五。曰士农，曰工商。此四民，国之良。地所生，有草木。此植物，遍水陆。有虫鱼，有鸟兽。此动物，能飞走。稻粱菽，麦黍稷。此六谷，人所食。马牛羊，鸡犬豕。此六畜，人所饲。曰喜怒，曰哀惧
		</div>

		<div id="page_11" style="position: absolute; top: 84px; left: 374.5px; overflow: hidden; z-index:16; display: block; width: 922px; height: 922px; -webkit-transform-origin: 0% 100%; -webkit-transform: translate(275px, 53px) rotate(-45deg);">
			<div style="position: absolute; top: auto; left: 0pt; overflow: visible; z-index:auto; width: 600px; height: 700px; right: auto; bottom: 0pt; -webkit-transform-origin: 0% 100%; -webkit-transform: rotate(45deg) translate(275px, 375px);background:#ccc;">
			</div>
		</div>
	</body>
</html>
